import Head from 'next/head';

/**
 * SEO组件用于设置页面元数据
 * @param {Object} props - 组件属性
 * @param {string} props.title - 页面标题
 * @param {string} props.description - 页面描述
 * @param {string} props.keywords - 页面关键词
 * @param {string} props.url - 页面URL
 * @param {string} props.ogImage - Open Graph图片URL
 * @param {string} props.ogType - Open Graph类型
 */
const SEO = ({ 
  title = '小铭Ai梦想家', 
  description = '提供专业的多级引用样式和数据可视化功能',
  keywords = '量化交易,Markdown编辑器,金融分析',
  url = '',
  ogImage = '/logo.png',
  ogType = 'website'
}) => {
  // 构建完整URL
  const fullUrl = url ? `https://liangcai.ai${url}` : 'https://liangcai.ai';
  
  return (
    <Head>
      {/* 基础元数据 */}
      <title>{title}</title>
      <meta name="description" content={description} />
      <meta name="keywords" content={keywords} />
      
      {/* Open Graph 标签 (用于社交媒体分享) */}
      <meta property="og:title" content={title} />
      <meta property="og:description" content={description} />
      <meta property="og:type" content={ogType} />
      <meta property="og:url" content={fullUrl} />
      <meta property="og:image" content={ogImage} />
      
      {/* Twitter 卡片 */}
      <meta name="twitter:card" content="summary_large_image" />
      <meta name="twitter:title" content={title} />
      <meta name="twitter:description" content={description} />
      <meta name="twitter:image" content={ogImage} />
      
      {/* 规范URL */}
      <link rel="canonical" href={fullUrl} />
    </Head>
  );
};

export default SEO; 